/**********优惠券模块**********/
/*优惠券列表*/
.coupon-list {

  > .item {
    position: relative;
    margin-bottom: 10px;

    &:before,
    &:after {
      position: absolute;
      top: 0;
      width: 10px;
      height: 100px;
      background: url(../images/coupon-bg.png) -5px 0 repeat-y;
      background-size: 10px auto;
      content: '';
    }

    &:after {
      right: 0;
      background-position: 5px 0;
    }

    &.has-get {
      opacity: .5;
    }

    &.item-bg-0 {
      background-color: #df7171;
      color: #a00;
    }

    &.item-bg-1 {
      background-color: #ffcc5f;
      color: #a67c01
    }

    &.item-bg-2 {
      background-color: #5ebbe1;
      color: #3b6a7d;
    }

    &.item-bg-3 {
      background-color: #9ec848;
      color: #4f7900
    }

    > .bd {
      padding: 10px 20px;
      height: 100px;
      font-size: 14px;

      > .name {
        line-height: 20px;
      }

      > .info {
        font-size: 28px;
        line-height: 44px;
        text-shadow: 1px 0 2px #666;
        color: #fff;
      }

      > .time {

        > p {
          font-size: 12px;
        }
      }
    }

    > .fd {
      position: absolute;
      top: 0;
      right: 0;
      padding: 20px;
      width: 80px;
      height: 100px;
      background-color: rgba(255, 255, 255, 0.5);
      z-index: 1000;
      text-align: center;

      a {
        color: #888;
      }
    }
  }
}